import React, {Component} from "react" ;
import {connect} from "react-redux" ;
import {browserHistory} from "react-router" ;
import {mapStateToProps, mapDispatchToProps} from "./FilmDescriptionRedux" ;
import back from "../../../../static/img/h5/return.png";

class FilmDescriptionContainer extends Component {
    constructor(props) {
        super(props);
    }
    componentDidMount(){
    }
    render() {
        const data = this.props.filmDetailDescription;
        return (
            <div>
                {/*<Logos/>*/}
                <div className="player-title">
                    <div className="big">
                        {/*<img src={back} alt="返回" onClick={this.back.bind(this)}/>*/}
                        <span>{data.title}</span>
                    </div>
                    <div className="small">
                        <span>{data.categoryName}</span>
                        {/*｜*/}
                        {/*{this.props.filmDetailDescription.tags.map((book,i) =>*/}
                            {/*<span key={i}>{book}</span>*/}
                        {/*)}*/}
                        {/*｜ <span>{data.videoLength}</span>*/}
                    </div>
                </div>
            </div>
        )
    }
}

const FilmDescription = connect(mapStateToProps, mapDispatchToProps)(FilmDescriptionContainer);

export {FilmDescription as default} ;
